import {Layout} from "antd";
import {Outlet} from 'react-router-dom'
import SideBar from "./SideBar"
import NavBar from "./NavBar"
import styles from "./index.module.css"
const {Header,Sider,Content} = Layout

function Framework(){
    return (
        <>
            <Layout>
                <Header className={styles.header}>
                    <NavBar/>
                </Header>
                <Layout>
                    <Sider className={styles.side_bar}>
                        <SideBar/>
                    </Sider>
                    <Content className={styles.content}>
                        <Outlet/>
                    </Content>
                </Layout>
            </Layout>
        </>
    )
}

export default Framework